{% extends "base.html" %}

{% block title %}RF{% endblock %}

{% block content %}
    <article id="main" class="markdown-section">
	<h1>Details</h1>
           <div class="table-responsive">
           <table id="table" class="table" style="display:table; table-layout:auto; width:100%">
           <thead>
               <tr>
                   <th style="width:15%"> Dump </th>
                   <th style="width:%"> Description </th>
                   <th style="width:10%"> Detection </th>
               </tr>
           </thead>
           <tbody>
                <tr>
                <td> {{ group['name'].title() }} </td>
                <td><center> {{ group['description'] }} </center></td>
                <td> {{ group['downloaded'].split('T')[0] }} </td>
                </tr>
           </tbody>
           </table>
           </div>
        {% if 'breaches' in group %}
           <table  id="table" class="table" style="display:table; table-layout:auto; width:100%">
           <thead>
            <tr>
              <th style="width:15%"> Field </th>
              <th> Data </th>
            </tr>
           </thead>
           <tbody>
            {% for item in group['breaches'][0] %}
            <tr>
             <td> {{ item }} </td>
             <td> {{ group['breaches'][0][item] }} </td>
            </tr>
            {% endfor %}
           </tbody>
           </table>
        {% endif %}
    </article>
{% endblock %}
